$(function () {
    let flag = true;
    $(window).scroll(function () {
      let st = $(this).scrollTop();
      if (st > 500) {
        $("#floorNav").fadeIn();
      } else {
        $("#floorNav").fadeOut();
      }

      //滚动条滚动的距离>=某个区块距离页面顶部的距离-该区块高度的一半
      if (flag) {
        $("#content li").each(function () {
          if (st >= $(this).offset().top - $(this).outerHeight() / 2) {
            let index = $(this).index();
            console.log(index);
            $("#floorNav li")
              .eq(index)
              .addClass("hover")
              .siblings()
              .removeClass("hover");
          }
        });
      }
    });

    $("#floorNav li:not(:last)").click(function () {
      flag = false;
      $(this).addClass("hover").siblings().removeClass("hover");
      let index = $(this).index();
      //$(window).scrollTop($("#content li").eq(index).offset().top);
      $("body,html").animate(
        { scrollTop: $("#content li").eq(index).offset().top },
        500,
        function () {
          flag = true;
        }
      );
    });
    $("#floorNav li:last").click(function () {
      flag = false;
      $("body,html").animate({ scrollTop: 0 }, 500, function () {
        flag = true;
      });
    });
  });